<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>网站管理</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">

		<link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="stylesheets/theme.css">
		<link rel="stylesheet" type="text/css" href="lib/font-awesome/css/font-awesome.css">
		<link rel="stylesheet" type="text/css" href="lib/ikeii.css">

		<link rel="shortcut icon" type="image/icon" href="lib/bootstrap/ico/favicon.ico">
		
		<script src="lib/jquery-1.9.0.js" type="text/javascript"></script>
		<script src="lib/bootstrap/js/bootstrap.js" type="text/javascript"></script>
		<script src="lib/jquery.pjax.s.js" type="text/javascript"></script>

		<script type="text/javascript">
			$(function() {
				$(document).pjax('a', '#pjax-container')
			});
		</script>
	</head>
	<body>
		<div class="navbar">
			<div class="navbar-inner">
				<ul class="nav pull-right">

					<li>
						<a href="#" class="hidden-phone visible-tablet visible-desktop" role="button">设置</a>
					</li>
					<li id="fat-menu" class="dropdown">
						<a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"> <i
							class="icon-user"></i> 管理员 <i class="icon-caret-down"></i> </a>

						<ul class="dropdown-menu">
							<li>
								<a tabindex="-1" href="#">账户</a>
							</li>
							<li class="divider"></li>
							<li>
								<a tabindex="-1" class="visible-phone" href="#">设置</a>
							</li>
							<li class="divider visible-phone"></li>
							<li>
								<a tabindex="-1" href="sign-in.html">登出</a>
							</li>
						</ul>
					</li>

				</ul>
				<a class="brand" href="index.html"><span class="first">可</span> <span class="second">蚁</span>
				</a>
			</div>
		</div>
		
		<div class="sidebar-nav">
			<form class="search form-inline">
				<input type="text" placeholder="查找...">
			</form>
			<a href="#dashboard-menu" class="nav-header" data-toggle="collapse"><i class="icon-dashboard"></i>控制面板</a>
			<ul id="dashboard-menu" class="nav nav-list collapse in">
				<li>
					<a href="index.html" title="1234" data-toggle="tooltip">主页</a>
				</li>
				<li>
					<a href="users.html" target="pjax" >用户列表</a>
				</li>
				<li>
					<a href="user.html" target="pjax" >用户</a>
				</li>
				<li>
					<a href="media.html" target="pjax" >图片</a>
				</li>
				<li>
					<a href="calendar.html" target="pjax" >日历</a>
				</li>
			</ul>
			<a href="#accounts-menu" class="nav-header" data-toggle="collapse"><i class="icon-briefcase"></i>账户<span
				class="label label-info">+3</span>
			</a>
			<ul id="accounts-menu" class="nav nav-list collapse">
				<li>
					<a href="sign-in.html">登录</a>
				</li>
				<li>
					<a href="sign-up.html">注册</a>
				</li>
				<li>
					<a href="reset-password.html">重置密码</a>
				</li>
			</ul>
			<a href="#error-menu" class="nav-header collapsed" data-toggle="collapse"><i
				class="icon-exclamation-sign"></i>错误页面 <i class="icon-chevron-up"></i>
			</a>
			<ul id="error-menu" class="nav nav-list collapse">
				<li>
					<a href="403.html">403</a>
				</li>
				<li>
					<a href="404.html">404</a>
				</li>
				<li>
					<a href="500.html">500</a>
				</li>
				<li>
					<a href="503.html">503</a>
				</li>
			</ul>
			<a href="#legal-menu" class="nav-header" data-toggle="collapse"><i class="icon-legal"></i>法律声明</a>
			<ul id="legal-menu" class="nav nav-list collapse">
				<li>
					<a href="privacy-policy.html" target="pjax" >隐私策略</a>
				</li>
				<li>
					<a href="terms-and-conditions.html" target="pjax" >条款声明</a>
				</li>
			</ul>
			<a href="help.html" class="nav-header" target="pjax" ><i class="icon-question-sign"></i>帮助</a>
			<a href="faq.html" class="nav-header" target="pjax" ><i class="icon-comment"></i>常见问题</a>
		</div>

		<div class="content" id="pjax-container">
			<div class="header">
				<div class="stats">
					<p class="stat">
						<span class="number">53</span>留言
					</p>
					<p class="stat">
						<span class="number">27</span>反馈
					</p>
					<p class="stat">
						<span class="number">15</span>任务
					</p>
				</div>
				<h1 class="page-title">
					控制面板
				</h1>
			</div>
			<ul class="breadcrumb">
				<li>
					<a href="index.html">主页</a>
					<span class="divider">/</span>
				</li>
				<li class="active">
					控制面板
				</li>
			</ul>
			<div class="container-fluid">
				<div class="row-fluid">
					<div class="row-fluid">
						<div class="alert alert-info">
							<button type="button" class="close" data-dismiss="alert">
								×
							</button>
							<strong>提示：</strong> 希望你喜欢本主题！
						</div>

						<div class="block">
							<a href="#page-stats" class="block-heading" data-toggle="collapse">最新统计数据</a>
							<div id="page-stats" class="block-body collapse in">
								<div class="stat-widget-container">
									<div class="stat-widget">
										<div class="stat-button">
											<p class="title">
												2,500
											</p>
											<p class="detail">
												账户
											</p>
										</div>
									</div>
									
									<div class="stat-widget">
										<div class="stat-button">
											<p class="title">
												3,299
											</p>
											<p class="detail">
												订阅
											</p>
										</div>
									</div>

									<div class="stat-widget">
										<div class="stat-button">
											<p class="title">
												$1,500
											</p>
											<p class="detail">
												待定
											</p>
										</div>
									</div>

									<div class="stat-widget">
										<div class="stat-button">
											<p class="title">
												$12,675
											</p>
											<p class="detail">
												完成
											</p>
										</div>
									</div>

								</div>
							</div>
						</div>
					</div>

					<div class="row-fluid">
						<div class="block span6">
							<a href="#tablewidget" class="block-heading" data-toggle="collapse">用户<span
								class="label label-warning">+10</span>
							</a>
							<div id="tablewidget" class="block-body collapse in">
								<table class="table">
									<thead>
										<tr>
											<th>
												姓名
											</th>
											<th>
												性别
											</th>
											<th>
												用户名
											</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>
												小明
											</td>
											<td>
												男
											</td>
											<td>
												xiaoming
											</td>
										</tr>
										<tr>
											<td>
												小红
											</td>
											<td>
												女
											</td>
											<td>
												xiaohua
											</td>
										</tr>
										<tr>
											<td>
												肖杰
											</td>
											<td>
												男
											</td>
											<td>
												ahttzxj
											</td>
										</tr>
										<tr>
											<td>
												王晰
											</td>
											<td>
												男
											</td>
											<td>
												aliseph
											</td>
										</tr>
									</tbody>
								</table>
								<p>
									<a href="users.html">更多...</a>
								</p>
							</div>
						</div>
						<div class="block span6">
							<a href="#widget1container" class="block-heading" data-toggle="collapse">可折叠面板 </a>
							<div id="widget1container" class="block-body collapse in">
								<h2>
									Using Ruby?
								</h2>
								<p>
									This template was developed with
									<a href="http://middlemanapp.com/" target="_blank">Middleman</a> and includes .erb layouts
									and views.
								</p>
								<p>
									All of the views you see here (sign in, sign up, users, etc) are already split up so you
									don't have to waste your time doing it yourself!
								</p>
								<p>
									The layout.erb file includes the header, footer, and side navigation and all of the views
									are broken out into their own files.
								</p>
								<p>
									If you aren't using Ruby, there is also a set of plain HTML files for each page, just like
									you would expect.
								</p>
							</div>
						</div>
					</div>

					<div class="row-fluid">
						<div class="block span6">
							<div class="block-heading">
								<span class="block-icon pull-right"> <a href="#" class="demo-cancel-click"
									data-toggle="tooltip" title="Click to refresh"><i class="icon-refresh"></i>
								</a> </span>

								<a href="#widget2container" data-toggle="collapse">历史</a>
							</div>
							<div id="widget2container" class="block-body collapse in">
								<table class="table list">
									<tbody>
										<tr>
											<td>
												<p>
													<i class="icon-user"></i> Mark Otto
												</p>
											</td>
											<td>
												<p>
													Amount: $1,247
												</p>
											</td>
											<td>
												<p>
													Date: 7/19/2012
												</p>
												<a href="#">View Transaction</a>
											</td>
										</tr>
										<tr>
											<td>
												<p>
													<i class="icon-user"></i> Audrey Ann
												</p>
											</td>
											<td>
												<p>
													Amount: $2,793
												</p>
											</td>
											<td>
												<p>
													Date: 7/12/2012
												</p>
												<a href="#">View Transaction</a>
											</td>
										</tr>
										<tr>
											<td>
												<p>
													<i class="icon-user"></i> Mark Tompson
												</p>
											</td>
											<td>
												<p>
													Amount: $2,349
												</p>
											</td>
											<td>
												<p>
													Date: 3/10/2012
												</p>
												<a href="#">View Transaction</a>
											</td>
										</tr>
										<tr>
											<td>
												<p>
													<i class="icon-user"></i> Ashley Jacobs
												</p>
											</td>
											<td>
												<p>
													Amount: $1,192
												</p>
											</td>
											<td>
												<p>
													Date: 1/19/2012
												</p>
												<a href="#">View Transaction</a>
											</td>
										</tr>

									</tbody>
								</table>
							</div>
						</div>
						<div class="block span6">
							<p class="block-heading">
								不可折叠的面板
							</p>
							<div class="block-body">
								<h2>
									Tip of the Day
								</h2>
								<p>
									Fava bean jícama seakale beetroot courgette shallot amaranth pea garbanzo carrot radicchio
									peanut leek pea sprouts arugula brussels sprout green bean. Spring onion broccoli chicory
									shallot winter purslane pumpkin gumbo cabbage squash beet greens lettuce celery. Gram
									zucchini swiss chard mustard burdock radish brussels sprout groundnut. Asparagus
									horseradish beet greens broccoli brussels sprout bitterleaf groundnut cress sweet pepper
									leek bok choy shallot celtuce scallion chickpea radish pea sprouts.
								</p>
								<p>
									<a class="btn btn-primary btn-large">Learn more &raquo;</a>
								</p>
							</div>
						</div>
					</div>
					<footer>
						<hr>
						<!-- Purchase a site license to remove this link from the footer: http://www.portnine.com/bootstrap-themes -->
						<p class="pull-right">
							A
							<a href="http://www.portnine.com/bootstrap-themes" target="_blank">Free Bootstrap Theme</a>
							by
							<a href="http://www.portnine.com" target="_blank">Portnine</a>
						</p>
						<p>
							&copy; 2012
							<a href="http://www.portnine.com" target="_blank">Portnine</a>
						</p>
					</footer>
				</div>
			</div>
		</div>
	</body>
</html>


